body {
    background-image: url("../imgs/bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.container {
    width: 420px;
    height: 415px;
    border: 1px #000000 solid;
    margin: auto;
    margin-top: 150px;
    box-shadow: 3px 3px 10px #999999;
}

.title {
    background: #6D4A70;
    width: 100%;
    height: 95px;
    color: #ffffff;
    font-size: 28px;
    padding:25px 0px 0px 20px;
}
    .title i{float:right;margin-right:30px;margin-top:13px;font-size:15px;}
.main{
    width: 100%;
    height:320px;
    background-color: #eeeeee;
    padding-top:15px;
}
    .formItem{
    width:320px;
    height:45px;
    border:1px #aaa solid;
    border-radius: 5px;
    background-color: #e6e6e6;
    margin:auto;
    padding-left:10px;
    margin-bottom: 15px;
    }
        .formItem input{
            width:270px;
            height:40px;
            border:none;
            background: none;
            outline: none;
            font-size:20px;
        }
        .formItem .icon{
            width:24px;height:20px;                     
            background-repeat: no-repeat;
            float:right;margin:12px 7px 0 0; 
        }
        .formItem .icon i{font-size:18px;color:red;transition: 1s;}
        .formItem .icon i:hover{font-size:22px;}
        .iconUser{background-image: url(../imgs/icons.png);}
        .iconPWD{background: url(../imgs/icons.png) -33px 0;}
    .btnItem{width:320px;margin:auto;}
        .btnItem button{
            width:110px;
            background-color: #6C496F;
            border:2px #6C496F solid;
            height:40px;
            color:#ffffff;font-size:16px;
            border-radius: 5px;
            margin-right:10px;
        }
        .btnItem button:hover{
            color:#6C496F;
            background-color: #ffffff;
            cursor:pointer;
        }